<script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
//	$(document).ready(
//				function(){ 
//					$('ul#portfolio').innerfade({
//						speed: 1000,
//						timeout: 5000,
//						type: 'sequence',
//						containerheight: '82px'
//					});
//			});
			
    function mycarousel_initCallback(carousel)
    {
        // Disable autoscrolling if the user clicks the prev or next button.
        carousel.buttonNext.bind('click', function() {
            carousel.startAuto(0);
        });

        carousel.buttonPrev.bind('click', function() {
            carousel.startAuto(0);
        });

        // Pause autoscrolling if the user moves with the cursor over the clip.
        carousel.clip.hover(function() {
            carousel.stopAuto();
        }, function() {
            carousel.startAuto();
        });
    };
    jQuery(document).ready(function() {
        jQuery('#mycarouselhor').jcarousel({
            auto: true,
            wrap: 'circular',
            initCallback: mycarousel_initCallback
        });
    });
</script>
<div id="Contents">
  <div class="GridSet">
    <div class="Grid4">
      <div class="heroarea">
        <div class="slideshow">
            <div class="nivoSlider" id="slider">
            <img style="display: none;" src="<?php echo STATIC_DOMAIN ?>images/default/slider/slide1.jpg" alt="Slider Image"> 
            <img style="display: none;" src="<?php echo STATIC_DOMAIN ?>images/default/slider/slide2.jpg" alt="Slider Image"> 
            <img style="display: none;" src="<?php echo STATIC_DOMAIN ?>images/default/slider/slide3.jpg" alt="Slider Image"> 
            <img style="display: none;" src="<?php echo STATIC_DOMAIN ?>images/default/slider/slide4.jpg" alt="Slider Image"> 
            <img style="display: none;" src="<?php echo STATIC_DOMAIN ?>images/default/slider/slide5.jpg" alt="Slider Image">
          </div>
        </div>
        <div class="leftCol"> 
          <div class="circular_wrap">
            <ul id="mycarouselhor">
              <?php foreach ($specialPro as $v): ?>
                <li><a href="<?php echo site_url('productview/index/'.$v['id']) ?>"><img src="<?php echo STATIC_DOMAIN . $v['image_src']  ?>" width="150" height="70" style="margin-right:10px"></a></li>
              <?php endforeach; ?>
            </ul>
        </div>
        <div class="clear"></div>
      </div>
      <div class="clear">&nbsp;</div>
      <div class="Section">
        <div class="ColumnSet">
            <?php $i = 0;  ?>
          <?php foreach($category as $k=>$v):  ?>
          <div class="Column1 <?php echo ($i==0) ? 'FirstItem' : '' ?>">
              <h2><span><?php echo $v['name'] ?></span></h2>
            <p align="center"><img src="<?php echo STATIC_DOMAIN ?>images/default/menu/<?php echo $k ?>.jpg" alt="<?php echo $v['name'] ?> Image" height="120" border="0" width="240"></p>
            <ul class="LinkListStyle1">
              <?php foreach($v['childCat'] as $_k=>$_v): ?>
                <li><a href="<?php echo site_url('home/cat/'.$_k) ?>"><?php echo $_v['name'] ?></a></li>
              <?php endforeach; ?>
            </ul>
          </div>
          <?php $i++; ?>
          <?php endforeach; ?>
          <!--/Column1-->
          <div class="Column1">
            <h2><span><?php echo $common_lang['CustomerService'] ?></span></h2>
            <p align="center"><a href="#"><img src="<?php echo STATIC_DOMAIN ?>images/default/HHLI-help.gif" alt="Customer Services Image" border="0"></a></p>
          </div>
          <!--/Column1-->
          <div class="Column1 LastItem">
            <div class="BoxPatternA">
              <div>
                <div class="BoxPatternA">
                    <p class="Title" style="font-size: 15px;"><strong><?php echo $common_lang['contact_us'] ?></strong></p>
                  <div class="Inner">
                      <p align="center"><a href="<?php echo STATIC_DOMAIN ?>/contact" target="_blank"><img src="<?php echo STATIC_DOMAIN ?>images/default/menu/3.jpg" alt="Merit Award" width="100" height="100"></a></p>
                  </div>
                </div>
              </div>
              <!--/Inner--> 
            </div>
            <!--/Column1--> 
          </div>
          <!--/ColumnSet--> 
        </div>
        <!--/Section-->
        <ul class="PageTop">
            <li><a href="#" id="upTop"><img src="<?php echo STATIC_DOMAIN ?>images/default/page_top_button.jpg" alt="Page Top"/></a></li>
        </ul>
      </div>
      <!--/Grid4--> 
    </div>
    <!--/GridSet--> 
  </div>
</div>
<!--/ContentsArea-->